
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>录音</title>
<script src="./../js/commonJs.js"></script>
<script src="res.waygc.net/jQuery/jquery-3.4.1.min.js"></script>
<script src="https://xiangyuecn.github.io/Recorder/recorder.mp3.min.js"></script>
</head>
<body>
<div class="main_box">
	<div id="recording_box">
		<div class="rounded is_recording">
			<div class="list-inline-item">
				<img src="./../icons/mike.png" />
			</div>
			<ul class="list-inline-item text-teal pt-2 text-left">
				<li id="recording_comment">准备录音</li>
				<li id="recording_time">00:00</li>
			</ul>
		</div>
		<div class="mt-4">
			<button id="start_recording_btn" class="record_btn teal_btn main_btn rounded text-white mr-3">开始录音</button>
			<button id="end_recording_btn" class="sound_btn teal_btn main_btn rounded text-white ml-3">结束录音</button>
		</div>
	</div>
	<div id="records_box" style="display: none;">
		<div class="rounded is_recording">
			<div class="record_bar" id="record_bar_box" status="0"></div>
		</div>
		<div class="mt-4">
			<button id="re_recording_btn" class="again_btn teal_btn main_btn rounded text-white mr-5">重录</button>
			<button id="submit_recording_btn" class="sound_btn teal_btn main_btn rounded text-white ml-5">提交</button>
		</div>
	</div>
</div>
<script src="./../js/recording.js"></script>
<link rel="stylesheet" type="text/css" href="./../css/recording.css"/>
</body>
</html>
